@keyframes y-animaton{
    from {
        opacity: 0.2;
    }
    to {
        opacity: 1;
        transform: rotate(360deg);
    }
}

div {
    width: 200px;
    height: 200px;
    text-align: center;
    align-content: center;
    border-top: 50px solid red;
    border-bottom: 50px solid orange;
    border-left: 100px solid blue;
    background-color: aqua;
    margin: 20px;
    padding: 20px;
}

div:hover {
    scale: 1.1;
    background-color: aquamarine;
    transform: matrix(1, 1, 1, 2, 1, 1);
    font-size: 100px;
}
